<template>
  <div :style="{ margin: '0 10%' }">
    <!-- 添加大标题 -->
    <h1 style="text-align: center; font-weight: bold;">渤海银行沈阳分行客户KYC信息登记卡</h1>
    <el-row :gutter="15">
    </el-row>
    <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="106px"
             label-position="left"
    >
      <el-row :gutter="15">

        <el-col :span="6">
          <el-form-item label-width="50px" label="姓名" prop="kycUserInfo.name">
            <el-input v-model="formData.kycUserInfo.name" placeholder="请输入姓名" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="6">
          <el-form-item label-width="60px" label="客户号" prop="kycUserInfo.userInfoId">
            <el-input v-model="formData.kycUserInfo.userInfoId" placeholder="请输入用户号" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>
        </el-col>


        <el-col :span="6">
          <el-form-item label-width="50px" label="性别" prop="kycUserInfo.gender">
            <el-select v-model="formData.kycUserInfo.gender" placeholder="请选择性别" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in genderOptions" :key="index" :label="item.label"
                         :value="item.value" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>

        </el-col>
        <el-col :span="6">
          <el-form-item label-width="50px" label="年龄" prop="kycUserInfo.age">
            <el-input v-model="formData.kycUserInfo.age" placeholder="请输入年龄" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="是否已加微信" prop="kycUserInfo.weChat">
            <el-select v-model="formData.kycUserInfo.weChat" placeholder="请选择是否已加微信" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in weChatOptions" :key="index" :label="item.label"
                         :value="item.value" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">

          <el-form-item label="方便联络时间" prop="kycUserInfo.contactTime">
            <el-select v-model="formData.kycUserInfo.contactTime" placeholder="请选择方便联络时间" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in contactTimeOptions" :key="index" :label="item.label"
                         :value="item.value" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>

        </el-col>
        <el-col :span="8">
          <el-form-item label-width="50px" label="籍贯" prop="kycUserInfo.nativePlace">
            <el-input v-model="formData.kycUserInfo.nativePlace" placeholder="请输入籍贯" clearable
                      :style="{width: '100%'}"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="客户类型" prop="kycUserInfo.clienType">
            <el-checkbox-group v-model="formData.kycUserInfo.clientype" size="medium">
              <el-checkbox v-for="(item, index) in clientypeOptions" :key="index" :label="item.value"
                           :disabled="item.disabled"
              >{{ item.label }}
              </el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="12">
              <el-form-item label-width="70px" label="其他" prop="kycUserInfo.clienTypeOther">
                <el-input v-model="formData.kycUserInfo.clienTypeOther" placeholder="请输入其他" clearable :style="{width: '100%'}">
                </el-input>
              </el-form-item>
            </el-col>
        <el-col :span="12">

          <el-form-item label-width="80px" label="婚姻状况" prop="kycUserInfo.marriage">
            <el-select v-model="formData.kycUserInfo.marriage" placeholder="请选择婚姻状况" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in marriageOptions" :key="index" :label="item.label"
                         :value="item.value" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>

        </el-col>
        <el-col :span="12">
          <el-form-item label="教育程度" prop="kycUserInfo.education">
            <el-checkbox-group v-model="formData.kycUserInfo.educat" size="medium">
              <el-checkbox v-for="(item, index) in educatOptions" :key="index" :label="item.value"
                           :disabled="item.disabled"
              >{{ item.label }}
              </el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-row gutter="15">
            <el-col :span="8">
              <el-form-item label-width="130px" label="核心商品房数量" prop="kycUserInfo.houseCount">
                <el-input-number v-model="formData.kycUserInfo.houseCount" placeholder="核心商品房数量"
                ></el-input-number>
              </el-form-item>
            </el-col>
            <el-col :span="16">
              <el-form-item label-width="120px" label="购买类型" prop="kycUserInfo.houseSource">
                <el-checkbox-group v-model="formData.kycUserInfo.house" size="medium">
                  <el-checkbox v-for="(item, index) in houseOptions" :key="index" :label="item.value"
                               :disabled="item.disabled"
                  >{{ item.label }}
                  </el-checkbox>
                </el-checkbox-group>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-row gutter="15">
                <el-col :span="6">

                  <el-form-item label="房产性质" prop="kycUserInfo.hosueType1">
                    <el-select v-model="formData.kycUserInfo.hosueType1" placeholder="请选择房产性质" clearable :style="{width: '100%'}">
                      <el-option v-for="(item, index) in hosueType1Options" :key="index" :label="item.label"
                                 :value="item.value" :disabled="item.disabled"></el-option>
                    </el-select>
                  </el-form-item>


                </el-col>
                <el-col :span="18">
                  <el-form-item label="小区名称" prop="kycUserInfo.houseAddress1">
                    <el-input v-model="formData.kycUserInfo.houseAddress1" placeholder="请输入小区名称" clearable
                              :style="{width: '100%'}"
                    ></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-col>
            <el-col :span="24">
              <el-row gutter="15">
                <el-col :span="6">
                  <el-form-item label="房产性质" prop="kycUserInfo.hosueType2">
                    <el-select v-model="formData.kycUserInfo.hosueType2" placeholder="请选择房产性质" clearable :style="{width: '100%'}">
                      <el-option v-for="(item, index) in hosueType2Options" :key="index" :label="item.label"
                                 :value="item.value" :disabled="item.disabled"></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="18">
                  <el-form-item label="小区名称" prop="kycUserInfo.houseAddress2">
                    <el-input v-model="formData.kycUserInfo.houseAddress2" placeholder="请输入小区名称" clearable
                              :style="{width: '100%'}"
                    ></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="24">
          <el-row gutter="15">

            <el-col :span="6">
              <el-form-item label-width="80px" label="汽车数量" prop="kycUserInfo.carCount">
                <el-input-number v-model="formData.kycUserInfo.carCount" placeholder="汽车数量" size="default"
                ></el-input-number>
              </el-form-item>
            </el-col>

            <el-col :span="6">
              <el-form-item label="汽车购买类型" prop="kycUserInfo.carSource">
                <el-select v-model="formData.kycUserInfo.carSource" placeholder="请选择汽车购买类型" clearable :style="{width: '100%'}">
                  <el-option v-for="(item, index) in carSourceOptions" :key="index" :label="item.label"
                             :value="item.value" :disabled="item.disabled"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <!-- <el-col :span="6">
              <el-form-item label="汽车种类" prop="kycUserInfo.carTypeList">
                <el-select v-model="formData.kycUserInfo.carTypeList" placeholder="请选择汽车种类" clearable :style="{width: '100%'}">
                  <el-option v-for="(item, index) in carTypeListOptions" :key="index" :label="item.label"
                             :value="item.value" :disabled="item.disabled"></el-option>
                </el-select>
              </el-form-item>
            </el-col> -->

            <el-col :span="6">
          <el-form-item label="汽车种类" prop="kycUserInfo.carTypeList">
            <el-checkbox-group v-model="formData.kycUserInfo.cartypeList" size="medium">
              <el-checkbox v-for="(item, index) in carTypeListOptions" :key="index" :label="item.value"
                           :disabled="item.disabled"
              >{{ item.label }}
              </el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>

        <!-- <el-col :span="6">
              <el-form-item label-width="70px" label="其他" prop="kycUserInfo.cartypelistOther">
                <el-input v-model="formData.kycUserInfo.cartypelistOther" placeholder="请输入其他" clearable :style="{width: '100%'}">
                </el-input>
              </el-form-item>
            </el-col> -->



            <el-col :span="6">
              <el-form-item label="汽车品牌" prop="kycUserInfo.carBrank">
                <el-input v-model="formData.kycUserInfo.carBrank" placeholder="请输入汽车品牌" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>


        <el-col :span="23">
          <el-row gutter="15">
            <el-col :span="6">
              <el-form-item label-width="68px" label="家庭成员" prop="kycFamilyList[0].familyName">
                <el-input v-model="formData.kycFamilyList[0].familyName" placeholder="请输入家庭成员" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="关系" prop="kycFamilyList[0].relationship">
                <el-input v-model="formData.kycFamilyList[0].relationship" placeholder="请输入关系" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="职业" prop="kycFamilyList[0].occupation">
                <el-input v-model="formData.kycFamilyList[0].occupation" placeholder="请输入职业" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="职务" prop="kycFamilyList[0].familyPost">
                <el-input v-model="formData.kycFamilyList[0].familyPost" placeholder="请输入职务" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否为我行客户" prop="kycFamilyList[0].myClient" label-width="120px">
                <el-radio-group v-model="formData.kycFamilyList[0].myClient" size="medium">
                  <el-radio v-for="(item, index) in myClientOptions" :key="index" :label="item.value"
                            :disabled="item.disabled"
                  >{{ item.label }}
                  </el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="生日" prop="kycFamilyList[0].familyBirth" label-width="40px">
                <el-date-picker v-model="formData.kycFamilyList[0].familyBirth" format="yyyy-MM-dd"
                                value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="请选择生日" clearable
                ></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label-width="75px" label="爱好/习惯" prop="kycFamilyList[0].familyHobby">
                <el-input v-model="formData.kycFamilyList[0].familyHobby" placeholder="请输入爱好/习惯" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label-width="68px" label="备注" prop="kycFamilyList[0].familyRemark">
                <el-input v-model="formData.kycFamilyList[0].familyRemark" placeholder="请输入备注" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>

        <el-col :span="23">
          <el-row gutter="15">
            <el-col :span="6">
              <el-form-item label-width="68px" label="家庭成员" prop="kycFamilyList[1].familyName">
                <el-input v-model="formData.kycFamilyList[1].familyName" placeholder="请输入家庭成员" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="关系" prop="kycFamilyList[1].relationship">
                <el-input v-model="formData.kycFamilyList[1].relationship" placeholder="请输入关系" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="职业" prop="kycFamilyList[1].occupation">
                <el-input v-model="formData.kycFamilyList[1].occupation" placeholder="请输入职业" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="职务" prop="kycFamilyList[1].familyPost">
                <el-input v-model="formData.kycFamilyList[1].familyPost" placeholder="请输入职务" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否为我行客户" prop="kycFamilyList[1].myClient" label-width="120px">
                <el-radio-group v-model="formData.kycFamilyList[1].myClient" size="medium">
                  <el-radio v-for="(item, index) in myClientOptions" :key="index" :label="item.value"
                            :disabled="item.disabled"
                  >{{ item.label }}
                  </el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="生日" prop="kycFamilyList[1].familyBirth" label-width="40px">
                <el-date-picker v-model="formData.kycFamilyList[1].familyBirth" format="yyyy-MM-dd"
                                value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="请选择生日" clearable
                ></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label-width="75px" label="爱好/习惯" prop="kycFamilyList[1].familyHobby">
                <el-input v-model="formData.kycFamilyList[1].familyHobby" placeholder="请输入爱好/习惯" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label-width="68px" label="备注" prop="kycFamilyList[1].familyRemark">
                <el-input v-model="formData.kycFamilyList[1].familyRemark" placeholder="请输入备注" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>


        <el-col :span="23">
          <el-row gutter="15">
            <el-col :span="6">
              <el-form-item label-width="68px" label="家庭成员" prop="kycFamilyList[2].familyName">
                <el-input v-model="formData.kycFamilyList[2].familyName" placeholder="请输入家庭成员" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="关系" prop="kycFamilyList[2].relationship">
                <el-input v-model="formData.kycFamilyList[2].relationship" placeholder="请输入关系" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="职业" prop="kycFamilyList[2].occupation">
                <el-input v-model="formData.kycFamilyList[2].occupation" placeholder="请输入职业" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="职务" prop="kycFamilyList[2].familyPost">
                <el-input v-model="formData.kycFamilyList[2].familyPost" placeholder="请输入职务" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否为我行客户" prop="kycFamilyList[2].myClient" label-width="120px">
                <el-radio-group v-model="formData.kycFamilyList[2].myClient" size="medium">
                  <el-radio v-for="(item, index) in myClientOptions" :key="index" :label="item.value"
                            :disabled="item.disabled"
                  >{{ item.label }}
                  </el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="生日" prop="kycFamilyList[2].familyBirth" label-width="40px">
                <el-date-picker v-model="formData.kycFamilyList[2].familyBirth" format="yyyy-MM-dd"
                                value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="请选择生日" clearable
                ></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label-width="75px" label="爱好/习惯" prop="kycFamilyList[2].familyHobby">
                <el-input v-model="formData.kycFamilyList[2].familyHobby" placeholder="请输入爱好/习惯" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label-width="68px" label="备注" prop="kycFamilyList[2].familyRemark">
                <el-input v-model="formData.kycFamilyList[2].familyRemark" placeholder="请输入备注" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>


        <el-col :span="23">
          <el-row gutter="15">
            <el-col :span="6">
              <el-form-item label-width="68px" label="家庭成员" prop="kycFamilyList[3].familyName">
                <el-input v-model="formData.kycFamilyList[3].familyName" placeholder="请输入家庭成员" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="关系" prop="kycFamilyList[3].relationship">
                <el-input v-model="formData.kycFamilyList[3].relationship" placeholder="请输入关系" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="职业" prop="kycFamilyList[3].occupation">
                <el-input v-model="formData.kycFamilyList[3].occupation" placeholder="请输入职业" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="职务" prop="kycFamilyList[3].familyPost">
                <el-input v-model="formData.kycFamilyList[3].familyPost" placeholder="请输入职务" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否为我行客户" prop="kycFamilyList[3].myClient" label-width="120px">
                <el-radio-group v-model="formData.kycFamilyList[3].myClient" size="medium">
                  <el-radio v-for="(item, index) in myClientOptions" :key="index" :label="item.value"
                            :disabled="item.disabled"
                  >{{ item.label }}
                  </el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="生日" prop="kycFamilyList[3].familyBirth" label-width="40px">
                <el-date-picker v-model="formData.kycFamilyList[3].familyBirth" format="yyyy-MM-dd"
                                value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="请选择生日" clearable
                ></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label-width="75px" label="爱好/习惯" prop="kycFamilyList[3].familyHobby">
                <el-input v-model="formData.kycFamilyList[3].familyHobby" placeholder="请输入爱好/习惯" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label-width="68px" label="备注" prop="kycFamilyList[3].familyRemark">
                <el-input v-model="formData.kycFamilyList[3].familyRemark" placeholder="请输入备注" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>


        <el-col :span="23">
          <el-row gutter="15">
            <el-col :span="6">
              <el-form-item label-width="68px" label="家庭成员" prop="kycFamilyList[4].familyName">
                <el-input v-model="formData.kycFamilyList[4].familyName" placeholder="请输入家庭成员" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="关系" prop="kycFamilyList[4].relationship">
                <el-input v-model="formData.kycFamilyList[4].relationship" placeholder="请输入关系" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="职业" prop="kycFamilyList[4].occupation">
                <el-input v-model="formData.kycFamilyList[4].occupation" placeholder="请输入职业" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="68px" label="职务" prop="kycFamilyList[4].familyPost">
                <el-input v-model="formData.kycFamilyList[4].familyPost" placeholder="请输入职务" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否为我行客户" prop="kycFamilyList[4].myClient" label-width="120px">
                <el-radio-group v-model="formData.kycFamilyList[4].myClient" size="medium">
                  <el-radio v-for="(item, index) in myClientOptions" :key="index" :label="item.value"
                            :disabled="item.disabled"
                  >{{ item.label }}
                  </el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="生日" prop="kycFamilyList[4].familyBirth" label-width="40px">
                <el-date-picker v-model="formData.kycFamilyList[4].familyBirth" format="yyyy-MM-dd"
                                value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="请选择生日" clearable
                ></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label-width="75px" label="爱好/习惯" prop="kycFamilyList[4].familyHobby">
                <el-input v-model="formData.kycFamilyList[4].familyHobby" placeholder="请输入爱好/习惯" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label-width="68px" label="备注" prop="kycFamilyList[4].familyRemark">
                <el-input v-model="formData.kycFamilyList[4].familyRemark" placeholder="请输入备注" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>


        <el-col :span="23">
          <el-row gutter="15">

            <el-col :span="8">
              <el-form-item label="家族病史" prop="kycUserInfo.medicalHistory">
                <el-select v-model="formData.kycUserInfo.medicalHistory" placeholder="请选择家族病史" clearable :style="{width: '100%'}">
                  <el-option v-for="(item, index) in medicalHistoryOptions" :key="index" :label="item.label"
                             :value="item.value" :disabled="item.disabled"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label-width="70px" label="饮食习惯" prop="kycUserInfo.dietaryHabit">
                <el-input v-model="formData.kycUserInfo.dietaryHabit" placeholder="请输入饮食习惯" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label-width="70px" label="锻炼方式" prop="kycUserInfo.exerciseMethod">
                <el-input v-model="formData.kycUserInfo.exerciseMethod" placeholder="请输入锻炼方式" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="兴趣爱好" prop="kycUserInfo.hobby">
                <el-input v-model="formData.kycUserInfo.hobby" placeholder="请输入兴趣爱好" clearable
                          :style="{width: '100%'}"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="生活需求" prop="kycUserInfo.livingNeed">
                <el-input v-model="formData.kycUserInfo.livingNeed" placeholder="请输入生活需求" clearable
                          :style="{width: '100%'}"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="消费习惯" prop="kycUserInfo.consumeHabit">
                <el-input v-model="formData.kycUserInfo.consumeHabit" placeholder="请输入消费习惯" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="脾气性格" prop="kycUserInfo.temper">
                <el-input v-model="formData.kycUserInfo.temper" placeholder="请输入脾气性格" clearable
                          :style="{width: '100%'}"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="出行方式" prop="kycUserInfo.tripMode">
                <el-input v-model="formData.kycUserInfo.tripMode" placeholder="请输入出行方式" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">

              <el-form-item label="信仰" prop="kycUserInfo.belief">
                <el-select v-model="formData.kycUserInfo.belief" placeholder="请选择信仰" clearable :style="{width: '100%'}">
                  <el-option v-for="(item, index) in beliefOptions" :key="index" :label="item.label"
                             :value="item.value" :disabled="item.disabled"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>

        <el-col :span="24">
          <el-form-item label-width="70px" label="单位名称" prop="kycWork.companyName">
            <el-input v-model="formData.kycWork.companyName" placeholder="请输入单位名称" clearable
                      :style="{width: '100%'}"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label-width="70px" label="单位地址" prop="kycWork.address">
            <el-input v-model="formData.kycWork.address" placeholder="请输入单位地址" clearable
                      :style="{width: '100%'}"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">

          <el-form-item label="出差情况" prop="kycWork.evection">
            <el-select v-model="formData.kycWork.evection" placeholder="请选择出差情况" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in evectionOptions" :key="index" :label="item.label"
                         :value="item.value" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>



        </el-col>
        <el-col :span="12">
          <el-form-item label-width="70px" label="出差地点" prop="kycWork.evectionPlace">
            <el-input v-model="formData.kycWork.evectionPlace" placeholder="请输入出差地点" clearable
                      :style="{width: '100%'}"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="70px" label="任职部门" prop="kycWork.department">
            <el-input v-model="formData.kycWork.department" placeholder="请输入任职部门" clearable
                      :style="{width: '100%'}"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="70px" label="职务" prop="kycWork.companyPost">
            <el-input v-model="formData.kycWork.companyPost" placeholder="请输入职务" clearable
                      :style="{width: '100%'}"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">

          <el-form-item label="岗位级别" prop="kycWork.level">
            <el-select v-model="formData.kycWork.level" placeholder="请选择岗位级别" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in levelOptions" :key="index" :label="item.label"
                         :value="item.value" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>



        </el-col>
        <el-col :span="12">

          <el-form-item label="持有因公护照" prop="kycWork.passport">
            <el-select v-model="formData.kycWork.passport" placeholder="请选择持有因公护照" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in passportOptions" :key="index" :label="item.label"
                         :value="item.value" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>

        </el-col>
        <el-col :span="12">
          <el-form-item label-width="70px" label="曾去过" prop="kycWork.haveBeen">
            <el-input v-model="formData.kycWork.haveBeen" placeholder="请输入曾去过" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">

          <el-form-item label="单位性质" prop="kycWork.companyNature">
            <el-select v-model="formData.kycWork.companyNature" placeholder="请选择单位性质" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in companyNatureOptions" :key="index" :label="item.label"
                         :value="item.value" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>

        </el-col>
        <el-col :span="24">
          <el-row gutter="15">
            <el-col :span="12">

              <el-form-item label="持有签证或曾经去过" prop="kycWork.country">
                <el-checkbox-group v-model="formData.kycWork.countr" size="medium">
                  <el-checkbox v-for="(item, index) in countrOptions" :key="index" :label="item.value"
                               :disabled="item.disabled"
                  >{{ item.label }}
                  </el-checkbox>
                </el-checkbox-group>
              </el-form-item>

            </el-col>
            <el-col :span="12">
              <el-form-item label-width="70px" label="其他" prop="kycWork.countryOther">
                <el-input v-model="formData.kycWork.countryOther" placeholder="请输入其他" clearable :style="{width: '100%'}">
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="24">
          <el-form-item label="工作经历" prop="kycWork.workExperience">
            <el-input v-model="formData.kycWork.workExperience" type="textarea" placeholder="请输入工作经历"
                      :autosize="{minRows: 1, maxRows: 6}" :style="{width: '100%'}"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label-width="120px" label="生活或人生阅历" prop="kycWork.life">
            <el-input v-model="formData.kycWork.life" type="textarea" placeholder="请输入生活或人生阅历"
                      :autosize="{minRows: 1, maxRows: 6}" :style="{width: '100%'}"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label-width="120px" label="备注（关注点）" prop="kycWork.companyRemark">
            <el-input v-model="formData.kycWork.companyRemark" type="textarea" placeholder="请输入备注（关注点）"
                      :autosize="{minRows: 1, maxRows: 6}" :style="{width: '100%'}"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">

          <el-form-item label-width="130px" label="客户风险评估情况" prop="kycProduct.risk">
            <el-select v-model="formData.kycProduct.risk" placeholder="请选择客户风险评估情况" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in riskOptions" :key="index" :label="item.label"
                         :value="item.value" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>

        </el-col>
        <el-col :span="12">

          <el-form-item label-width="130px" label="重点交叉产品" prop="kycProduct.keyProduct">
            <el-checkbox-group v-model="formData.kycProduct.keyproduct" size="medium">
              <el-checkbox v-for="(item, index) in keyproductOptions" :key="index" :label="item.value"
                           :disabled="item.disabled"
              >{{ item.label }}
              </el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="12">
              <el-form-item label-width="70px" label="其他" prop="kycProduct.keyProductOther">
                <el-input v-model="formData.kycProduct.keyProductOther" placeholder="请输入其他" clearable :style="{width: '100%'}">
                </el-input>
              </el-form-item>
            </el-col>
        <el-col :span="24">
          <el-row gutter="15">
            <el-col :span="7">

              <el-form-item label-width="130px" label="在我行是否有贷款" prop="kycProduct.myLoan">
                <el-select v-model="formData.kycProduct.myLoan" placeholder="请选择在我行是否有贷款" clearable :style="{width: '100%'}">
                  <el-option v-for="(item, index) in myLoanOptions" :key="index" :label="item.label"
                             :value="item.value" :disabled="item.disabled"></el-option>
                </el-select>
              </el-form-item>

            </el-col>
            <el-col :span="9">

              <el-form-item label-width="80px" label="在我行贷款类别" prop="kycProduct.myLoanReason">
                <el-checkbox-group v-model="formData.kycProduct.myLoanreason" size="medium">
                  <el-checkbox v-for="(item, index) in myLoanreasonOptions" :key="index" :label="item.value"
                               :disabled="item.disabled"
                  >{{ item.label }}
                  </el-checkbox>
                </el-checkbox-group>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label-width="68px" label="其他贷款" prop="kycProduct.myLoanReasonOther">
                <el-input v-model="formData.kycProduct.myLoanReasonOther" placeholder="请输入其他贷款" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="24">
          <el-row gutter="15">
            <el-col :span="7">

              <el-form-item label-width="130px" label="在他行是否有贷款" prop="kycProduct.otherLoan">
                <el-select v-model="formData.kycProduct.otherLoan" placeholder="请选择在他行是否有贷款" clearable :style="{width: '100%'}">
                  <el-option v-for="(item, index) in otherLoanOptions" :key="index" :label="item.label"
                             :value="item.value" :disabled="item.disabled"></el-option>
                </el-select>
              </el-form-item>

            </el-col>
            <el-col :span="9">
              <el-form-item label-width="80px" label="贷款原因" prop="kycProduct.otherLoanReason">
                <el-checkbox-group v-model="formData.kycProduct.otherLoanreason" size="medium">
                  <el-checkbox v-for="(item, index) in otherLoanreasonOptions" :key="index" :label="item.value"
                               :disabled="item.disabled"
                  >{{ item.label }}
                  </el-checkbox>
                </el-checkbox-group>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label-width="68px" label="其他贷款" prop="kycProduct.otherLoanReasonOther">
                <el-input v-model="formData.kycProduct.otherLoanReasonOther" placeholder="请输入其他贷款" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="24">
          <el-row gutter="15">
            <el-col :span="12">
              <el-form-item label-width="130px" label="信用卡张数（张）" prop="kycProduct.creditCardCount">
                <el-input-number v-model="formData.kycProduct.creditCardCount" placeholder="信用卡张数（张）"
                ></el-input-number>
              </el-form-item>
            </el-col>
            <el-col :span="12">

              <el-form-item label="卡基类别" prop="kycProduct.creditCardType">
                <el-select v-model="formData.kycProduct.creditCardType" placeholder="请选择卡基类别" clearable :style="{width: '100%'}">
                  <el-option v-for="(item, index) in creditCardTypeOptions" :key="index" :label="item.label"
                             :value="item.value" :disabled="item.disabled"></el-option>
                </el-select>
              </el-form-item>

            </el-col>
            <el-col :span="12">
              <el-form-item label-width="140px" label="主要在用他行卡情况" prop="kycProduct.situation">
                <el-input v-model="formData.kycProduct.situation" placeholder="请输入主要在用他行卡情况" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">

              <el-form-item label="关注点" prop="kycProduct.focus">
                <el-checkbox-group v-model="formData.kycProduct.focuss" size="medium">
                  <el-checkbox v-for="(item, index) in focussOptions" :key="index" :label="item.value"
                               :disabled="item.disabled"
                  >{{ item.label }}
                  </el-checkbox>
                </el-checkbox-group>
              </el-form-item>





            </el-col>
          </el-row>
        </el-col>
        <el-col :span="24">
          <el-row gutter="15">
            <el-col :span="12">

              <el-form-item label="借记卡类别" prop="kycProduct.debitCardType">
                <el-select v-model="formData.kycProduct.debitCardType" placeholder="请选择借记卡类别" clearable :style="{width: '100%'}">
                  <el-option v-for="(item, index) in debitCardTypeOptions" :key="index" :label="item.label"
                             :value="item.value" :disabled="item.disabled"></el-option>
                </el-select>
              </el-form-item>

            </el-col>
            <el-col :span="12">
              <el-form-item label="其他" prop="kycProduct.debitCardTypeOther">
                <el-input v-model="formData.kycProduct.debitCardTypeOther" placeholder="请输入其他" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">

              <el-form-item label="他行卡主办行" prop="kycProduct.otherBank">
                <el-select v-model="formData.kycProduct.otherBank" placeholder="请选择他行卡主办行" clearable :style="{width: '100%'}">
                  <el-option v-for="(item, index) in otherBankOptions" :key="index" :label="item.label"
                             :value="item.value" :disabled="item.disabled"></el-option>
                </el-select>
              </el-form-item>

            </el-col>
            <el-col :span="12">

              <el-form-item label="是否借贷关联" prop="kycProduct.loanRelevant">
                <el-select v-model="formData.kycProduct.loanRelevant" placeholder="请选择是否借贷关联" clearable :style="{width: '100%'}">
                  <el-option v-for="(item, index) in loanRelevantOptions" :key="index" :label="item.label"
                             :value="item.value" :disabled="item.disabled"></el-option>
                </el-select>
              </el-form-item>


            </el-col>
            <el-col :span="12">

              <el-form-item label="绑定情况" prop="kycProduct.bind">
                <el-select v-model="formData.kycProduct.bind" placeholder="请选择绑定情况" clearable :style="{width: '100%'}">
                  <el-option v-for="(item, index) in bindOptions" :key="index" :label="item.label"
                             :value="item.value" :disabled="item.disabled"></el-option>
                </el-select>
              </el-form-item>

            </el-col>
            <el-col :span="12">

              <el-form-item label-width="140px" label="支付绑定银行卡机构" prop="kycProduct.bindInstitution">
                <el-select v-model="formData.kycProduct.bindInstitution" placeholder="请选择支付绑定银行卡机构" clearable :style="{width: '100%'}">
                  <el-option v-for="(item, index) in bindInstitutionOptions" :key="index" :label="item.label"
                             :value="item.value" :disabled="item.disabled"></el-option>
                </el-select>
              </el-form-item>

            </el-col>
          </el-row>
        </el-col>
        <el-col :span="8">
          <el-form-item label="存款" prop="kycProduct.depositType">
            <el-checkbox-group v-model="formData.kycProduct.deposittype" size="medium">
              <el-checkbox v-for="(item, index) in deposittypeOptions" :key="index" :label="item.value"
                           :disabled="item.disabled"
              >{{ item.label }}
              </el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
              <el-form-item label-width="70px" label="其他" prop="kycProduct.depositTypeOther">
                <el-input v-model="formData.kycProduct.depositTypeOther" placeholder="请输入其他" clearable :style="{width: '100%'}">
                </el-input>
              </el-form-item>
            </el-col>
        <el-col :span="8">
          <el-form-item label="理财" prop="kycProduct.moneyManage">
            <el-checkbox-group v-model="formData.kycProduct.moneymanage" size="medium">
              <el-checkbox v-for="(item, index) in moneymanageOptions" :key="index" :label="item.value"
                           :disabled="item.disabled"
              >{{ item.label }}
              </el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="12">

          <el-form-item label-width="140px" label="信托等其他代销产品" prop="kycProduct.trust">
            <el-select v-model="formData.kycProduct.trust" placeholder="请选择信托等其他代销产品" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in trustOptions" :key="index" :label="item.label"
                         :value="item.value" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>

        </el-col>
        <el-col :span="24">
          <el-row gutter="15">
            <el-col :span="14">
              <el-form-item label="基金" prop="kycProduct.fund">
                <el-checkbox-group v-model="formData.kycProduct.fundd" size="medium">
                  <el-checkbox v-for="(item, index) in funddOptions" :key="index" :label="item.value"
                               :disabled="item.disabled"
                  >{{ item.label }}
                  </el-checkbox>
                </el-checkbox-group>
              </el-form-item>
            </el-col>
            <el-col :span="10">
              <el-form-item label="其他" prop="kycProduct.fundOther">
                <el-input v-model="formData.kycProduct.fundOther" placeholder="请输入其他" clearable
                          :style="{width: '100%'}"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="24">
          <el-row gutter="15">
            <el-col :span="14">
              <el-form-item label="保险" prop="kycProduct.insurance">
                <el-checkbox-group v-model="formData.kycProduct.insurancee" size="medium">
                  <el-checkbox v-for="(item, index) in insuranceeOptions" :key="index" :label="item.value"
                               :disabled="item.disabled"
                  >{{ item.label }}
                  </el-checkbox>
                </el-checkbox-group>
              </el-form-item>

            </el-col>
            <el-col :span="10">
              <el-form-item label="其他" prop="kycProduct.insuranceOther">
                <el-input v-model="formData.kycProduct.insuranceOther" placeholder="请输入其他" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label-width="170px" label="已持有保险产品保险公司" prop="kycProduct.insuranceCompany">
                <el-input v-model="formData.kycProduct.insuranceCompany" placeholder="请输入已持有保险产品保险公司"
                          clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="24">

          <el-form-item label="贵金属" prop="kycProduct.nobleMetal">
            <el-select v-model="formData.kycProduct.nobleMetal" placeholder="请选择贵金属" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in nobleMetalOptions" :key="index" :label="item.label"
                         :value="item.value" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>

        </el-col>
        <el-col :span="24">
          <el-row gutter="15">
            <el-col :span="14">
              <el-form-item label="偏爱活动主题" prop="kycProduct.activity">
                <el-checkbox-group v-model="formData.kycProduct.activityy" size="medium">
                  <el-checkbox v-for="(item, index) in activityyOptions" :key="index" :label="item.value"
                               :disabled="item.disabled"
                  >{{ item.label }}
                  </el-checkbox>
                </el-checkbox-group>
              </el-form-item>
            </el-col>
            <el-col :span="10">
              <el-form-item label="其他" prop="kycProduct.activityOther">
                <el-input v-model="formData.kycProduct.activityOther" placeholder="请输入其他" clearable
                          :style="{width: '100%'}"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>

        <el-col :span="24">
          <el-form-item label="备注" prop="kycProduct.productRemark">
            <el-input v-model="formData.kycProduct.productRemark" type="textarea" placeholder="请输入备注"
                      :autosize="{minRows: 4, maxRows: 4}" :style="{width: '100%'}"
            ></el-input>
          </el-form-item>
        </el-col>


        <!-- <el-col :span="8">
          <el-form-item label-width="130px" label="潜在可推荐M2姓名" prop="kycPotentialList[0].potentialName">
            <el-input v-model="formData.kycPotentialList[0].potentialName" placeholder="请输入潜在可推荐M2姓名"
                      clearable
                      :style="{width: '100%'}"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="9">
          <el-form-item label="M2与客户关系" prop="kycPotentialList[0].relationship">
            <el-radio-group v-model="formData.kycPotentialList[0].relationship" size="medium">
              <el-radio v-for="(item, index) in relationshipOptions" :key="index" :label="item.value"
                        :disabled="item.disabled"
              >{{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="7">
          <el-form-item label-width="40px" label="其他" prop="kycPotentialList[0].relationshipother">
            <el-input v-model="formData.kycPotentialList[0].relationshipother" placeholder="请输入其他" clearable
                      :style="{width: '100%'}"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="130px" label="是否成为我行客户" prop="kycPotentialList[0].isMyClient">
            <el-radio-group v-model="formData.kycPotentialList[0].isMyClient" size="medium">
              <el-radio v-for="(item, index) in isMyClientOptions" :key="index" :label="item.value"
                        :disabled="item.disabled"
              >{{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="16">
          <el-form-item label-width="220px" label="M2活动形式主题偏好与产品需求" prop="kycPotentialList[0].preference">
            <el-input v-model="formData.kycPotentialList[0].preference" placeholder="请输入M2活动形式主题偏好与产品需求"
                      clearable
                      :style="{width: '100%'}"
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row> -->


        <!-- <el-row gutter="15">
          <el-col :span="8">
            <el-form-item label-width="130px" label="潜在可推荐M2姓名" prop="kycPotentialList[1].potentialName">
              <el-input v-model="formData.kycPotentialList[1].potentialName" placeholder="请输入潜在可推荐M2姓名"
                        clearable
                        :style="{width: '100%'}"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="9">
            <el-form-item label="M2与客户关系" prop="kycPotentialList[1].relationship">
              <el-radio-group v-model="formData.kycPotentialList[1].relationship" size="medium">
                <el-radio v-for="(item, index) in relationshipOptions" :key="index" :label="item.value"
                          :disabled="item.disabled"
                >{{ item.label }}
                </el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="7">
            <el-form-item label-width="40px" label="其他" prop="kycPotentialList[1].relationshipother">
              <el-input v-model="formData.kycPotentialList[1].relationshipother" placeholder="请输入其他" clearable
                        :style="{width: '100%'}"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label-width="130px" label="是否成为我行客户" prop="kycPotentialList[1].isMyClient">
              <el-radio-group v-model="formData.kycPotentialList[1].isMyClient" size="medium">
                <el-radio v-for="(item, index) in isMyClientOptions" :key="index" :label="item.value"
                          :disabled="item.disabled"
                >{{ item.label }}
                </el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="16">
            <el-form-item label-width="220px" label="M2活动形式主题偏好与产品需求" prop="kycPotentialList[1].preference">
              <el-input v-model="formData.kycPotentialList[1].preference" placeholder="请输入M2活动形式主题偏好与产品需求"
                        clearable
                        :style="{width: '100%'}"
              ></el-input>
            </el-form-item>
          </el-col> -->
      </el-row>

    <el-form-item size="large" style="text-align: center;">
      <el-button type="primary" @click="submitForm">提交</el-button>
      <el-button @click="resetForm">重置</el-button>
    </el-form-item>

    </el-form>
  </div>
</template>
<script>
import { addUserinfo } from '@/api/system/user'

//import axios from 'axios';

export default {
  components: {},
  props: [],
  data() {
    return {
      formData: {

        kycUserInfo: {
          name: undefined,
          userInfoId:undefined,
          userId:undefined,
          gender: undefined,
          age:undefined,
          weChat: undefined,
          contactTime: undefined,
          nativePlace: undefined,
          clientype:[],
          clienType: undefined,
          marriage: undefined,
          education: undefined,
          educat:[],
          houseCount: undefined,
          house: [],
          houseSource:undefined,
          hosueType1: undefined,
          houseAddress1: undefined,
          hosueType2: undefined,
          houseAddress2: undefined,
          carCount: undefined,
          carSource: undefined,
          cartypeList:[],
          carTypeList: undefined,
          carBrank: undefined,

          medicalHistory: undefined,
          dietaryHabit: undefined,
          exerciseMethod: undefined,
          hobby: undefined,
          livingNeed: undefined,
          consumeHabit: undefined,
          temper: undefined,
          tripMode: undefined,
          belief: undefined,
          clienTypeOther:undefined,
          // cartypelistOther:undefined,
        },

        kycFamilyList: [
          {
            familyName: undefined,
            familyPost: undefined,
            myClient: undefined,
            familyBirth: null,
            familyHobby: undefined,
            relationship: undefined,
            occupation: undefined,
            familyRemark: undefined

          },
          {
            familyName: undefined,
            familyPost: undefined,
            myClient: undefined,
            familyBirth: null,
            familyHobby: undefined,
            relationship: undefined,
            occupation: undefined,
            familyRemark: undefined

          },
          {
            familyName: undefined,
            familyPost: undefined,
            myClient: undefined,
            familyBirth: null,
            familyHobby: undefined,
            relationship: undefined,
            occupation: undefined,
            familyRemark: undefined

          },
          {
            familyName: undefined,
            familyPost: undefined,
            myClient: undefined,
            familyBirth: null,
            familyHobby: undefined,
            relationship: undefined,
            occupation: undefined,
            familyRemark: undefined

          },
          {
            familyName: undefined,
            familyPost: undefined,
            myClient: undefined,
            familyBirth: null,
            familyHobby: undefined,
            relationship: undefined,
            occupation: undefined,
            familyRemark: undefined

          }
        ],

        kycWork: {
          companyName: undefined,
          address: undefined,
          evection: undefined,
          evectionPlace: undefined,
          department: undefined,
          companyPost: undefined,
          level: undefined,
          passport: undefined,
          haveBeen: undefined,
          companyNature: undefined,
          country: undefined,
          countr:[],
          other: undefined,
          workExperience: undefined,
          life: undefined,
          companyRemark: undefined,
          countryOther:undefined,
        },

        kycProduct: {
          keyProduct:undefined,
          keyproduct:[],
          risk: undefined,
          myLoan: undefined,
          myLoanReason: undefined,
          myLoanreason:[],
          myLoanReasonOtherloans: undefined,
          otherLoan: undefined,
          otherLoanReason: undefined,
          otherLoanreason:[],
          otherLoanReasonOther: undefined,
          creditCardCount: undefined,
          creditCardType: undefined,
          situation: undefined,
          focus: undefined,
          focuss:[],
          debitCardType: undefined,
          debitCardOther: undefined,
          otherBank: undefined,
          loanRelevant: undefined,
          bind: undefined,
          bindInstitution: undefined,
          depositType: undefined,
          deposittype:[],
          moneyManage: undefined,
          moneymanage:[],
          trust: undefined,
          fund: undefined,
          fundd:[],
          FundOther: undefined,
          insurance: undefined,
          insurancee:[],
          InsuranceOther: undefined,
          insuranceCompany: undefined,
          nobleMetal: undefined,
          activity: undefined,
          activityy:[],
          ActivityOther: undefined,
          productRemark: undefined,
          KeyproductOther: undefined,
          DeposittypeOther:undefined,
        },

        kycPotentialList: [
          {
            potentialName: undefined,
            relationship: undefined,
            relationshipother: undefined,
            isMyClient: undefined,
            preference: undefined
          },
          {
            potentialName: undefined,
            relationship: undefined,
            relationshipother: undefined,
            isMyClient: undefined,
            preference: undefined
          },
          {
            potentialName: undefined,
            relationship: undefined,
            relationshipother: undefined,
            isMyClient: undefined,
            preference: undefined
          }
        ],

        kycContactList: [
          {
            date: null,
            phone: undefined,
            contactStatus: undefined,
            recommend: undefined,
            result: undefined,
            followDate: null,
            followWay: undefined,
            followIntention: undefined,
            contactRemark: undefined
          },
          {
            date: null,
            phone: undefined,
            contactStatus: undefined,
            recommend: undefined,
            result: undefined,
            followDate: null,
            followWay: undefined,
            followIntention: undefined,
            contactRemark: undefined
          },
          {
            date: null,
            phone: undefined,
            contactStatus: undefined,
            recommend: undefined,
            result: undefined,
            followDate: null,
            followWay: undefined,
            followIntention: undefined,
            contactRemark: undefined
          }
        ]

      },
      rules: {
        name: [{
          required: true,
          message: '请输入姓名',
          trigger: 'blur'

        }],
        userInfoId: [{
          required: true,
          message: '请输入客户号',
          trigger: 'blur'
        }],
        userId: [{
          required: true,
          message: '请输入姓名',
          trigger: 'blur'

        }],
        gender: [],
        age:[],
        weChat: [],
        contactTime: [],
        nativePlace: [{
          required: true,
          message: '请输入籍贯',
          trigger: 'blur'
        }],
        clienType: [],
        companyName: [],
        address: [],
        evection: [],
        evectionPlace: [],
        department: [],
        companyPost: [],
        level: [],
        passport: [],
        haveBeen: [],
        companyNature: [],
        country: [],
        other: [],
        workExperience: [],
        life: [],
        companyRemark: [],
        marriage: [],
        education: [],
        houseCount: [],
        house: [],
        hosueType1: [],
        houseAddress1: [],
        hosueType2: [],
        houseAddress2: [],
        carCount: [],
        carSource: [],
        carTypeList: [],
        carBrank: [],
        familyName: [],
        relationship: [],
        occupation: [],
        familyPost: [],
        myClient: [],
        familyBirth: [],
        familyHobby: [],
        familyRemark: [],

        medicalHistory: [],
        dietaryHabit: [],
        exerciseMethod: [],
        hobby: [],
        livingNeed: [],
        consumeHabit: [],
        temper: [],
        tripMode: [],
        belief: [],
        risk: [],
        keyProduct: [],
        myLoan: [],
        myLoanReason: [],
        Otherloans: [],
        otherLoan: [],
        otherLoanReason: [],
        otherloans: [],
        creditCardCount: [],
        creditCardType: [],
        situation: [],
        focus: [],
        debitCardType: [],
        debitCardother: [],
        otherBank: [],
        loanRelevant: [],
        bind: [],
        bindInstitution: [],
        depositType: [],
        moneyManage: [],
        trust: [],
        fund: [],
        fundother: [],
        insurance: [],
        insuranceother: [],
        insuranceCompany: [],
        nobleMetal: [],
        activity: [],
        activityother: [],
        productRemark: [],
        potentialName: [],
        relationshipother: [],
        isMyClient: [],
        preference: [],

        date: [],
        phone: [],
        contactStatus: [],
        recommend: [],
        result: [],
        followDate: [],
        followWay: [],
        followIntention: [],
        contactRemark: []
      },
      contactStatusOptions: [{
        'label': '重要熟悉',
        'value': '重要熟悉'
      }, {
        'label': '重要不熟悉',
        'value': '重要不熟悉'
      }, {
        'label': '熟悉不重要',
        'value': '熟悉不重要'
      }, {
        'label': '不熟悉不重要',
        'value': '不熟悉不重要'
      }],
      relationshipOptions: [{
        'label': '亲属',
        'value': '亲属'
      }, {
        'label': '同学',
        'value': '同学'
      }, {
        'label': '商务伙伴',
        'value': '商务伙伴'
      }, {
        'label': '朋友',
        'value': '朋友'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      isMyClientOptions: [{
        'label': '是',
        'value': '是'
      }, {
        'label': '否',
        'value': '否'
      }],

      riskOptions: [{
        'label': 'R1保守型',
        'value': 'R1保守型'
      }, {
        'label': 'R2稳健型',
        'value': 'R2稳健型'
      }, {
        'label': 'R3平衡型',
        'value': 'R3平衡型'
      }, {
        'label': 'R4成长型',
        'value': 'R4成长型'
      }, {
        'label': 'R5进取型',
        'value': 'R5进取型'
      }],
      keyproductOptions: [{
        'label': '活期',
        'value': '活期'
      }, {
        'label': '定期',
        'value': '定期'
      }, {
        'label': 'T+0',
        'value': 'T+0'
      }, {
        'label': '理财',
        'value': '理财'
      }, {
        'label': '基金',
        'value': '基金'
      }, {
        'label': '保险',
        'value': '保险'
      }, {
        'label': '贵金属',
        'value': '贵金属'
      }, {
        'label': '手机银行',
        'value': '手机银行'
      }, {
        'label': '证书版网银',
        'value': '证书版网银'
      }, {
        'label': '信用卡',
        'value': '信用卡'
      }, {
        'label': '个贷',
        'value': '个贷'
      }, {
        'label': '三方存管',
        'value': '三方存管'
      }, {
        'label': '代发工资',
        'value': '代发工资'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      myLoanOptions: [{
        'label': '无',
        'value': '无'
      }, {
        'label': '有',
        'value': '有'
      }],
      myLoanreasonOptions: [{
        'label': '一手房按揭',
        'value': '一手房按揭'
      }, {
        'label': '二手房按揭',
        'value': '二手房按揭'
      }, {
        'label': '房抵贷',
        'value': '房抵贷'
      }, {
        'label': '公积金网贷',
        'value': '公积金网贷'
      }, {
        'label': '出国留学贷款',
        'value': '出国留学贷款'
      }, {
        'label': '其他贷款',
        'value': '其他贷款'
      }],
      otherLoanOptions: [{
        'label': '无',
        'value': '无'
      }, {
        'label': '有',
        'value': '有'
      }],
      otherLoanreasonOptions: [{
        'label': '一手房按揭',
        'value': '一手房按揭'
      }, {
        'label': '二手房按揭',
        'value': '二手房按揭'
      }, {
        'label': '房抵贷',
        'value': '房抵贷'
      }, {
        'label': '公积金网贷',
        'value': '公积金网贷'
      }, {
        'label': '出国留学贷款',
        'value': '出国留学贷款'
      }, {
        'label': '其他贷款',
        'value': '其他贷款'
      }],
      debitCardTypeOptions: [{
        'label': '普卡',
        'value': '普卡'
      }, {
        'label': '金卡',
        'value': '金卡'
      }, {
        'label': '白金卡',
        'value': '白金卡'
      }, {
        'label': '钻石卡',
        'value': '钻石卡'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      loanRelevantOptions: [{
        'label': '是',
        'value': '是'
      }, {
        'label': '否',
        'value': '否'
      }],
      bindOptions: [{
        'label': '微信',
        'value': '微信'
      }, {
        'label': '支付宝',
        'value': '支付宝'
      }],
      deposittypeOptions: [{
        'label': '活期',
        'value': '活期'
      }, {
        'label': '定期',
        'value': '定期'
      }, {
        'label': '结构性',
        'value': '结构性'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      moneymanageOptions: [{
        'label': '预期收益型',
        'value': '预期收益型'
      }, {
        'label': '净值型',
        'value': '净值型'
      }, {
        'label': 'T+0理财',
        'value': 'T+0理财'
      }],
      trustOptions: [{
        'label': '是',
        'value': '是'
      }, {
        'label': '否',
        'value': '否'
      }],
      funddOptions: [{
        'label': '货币型',
        'value': '货币型'
      }, {
        'label': '混合型',
        'value': '混合型'
      }, {
        'label': '指数型',
        'value': '指数型'
      }, {
        'label': '股票型',
        'value': '股票型'
      }, {
        'label': '私募',
        'value': '私募'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      insuranceeOptions: [{
        'label': '期缴费型',
        'value': '期缴费型'
      }, {
        'label': '趸缴型',
        'value': '趸缴型'
      }, {
        'label': '年金型',
        'value': '年金型'
      }, {
        'label': '分红型',
        'value': '分红型'
      }, {
        'label': '重疾型',
        'value': '重疾型'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      nobleMetalOptions: [{
        'label': '金条',
        'value': '金条'
      }, {
        'label': '收藏类投资型',
        'value': '收藏类投资型'
      }, {
        'label': '饰品型',
        'value': '饰品型'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      activityyOptions: [{
        'label': '财富管理',
        'value': '财富管理'
      }, {
        'label': '亲子教育',
        'value': '亲子教育'
      }, {
        'label': '健康管理',
        'value': '健康管理'
      }, {
        'label': '文艺活动',
        'value': '文艺活动'
      }, {
        'label': '体育运动',
        'value': '体育运动'
      }, {
        'label': '升学留学',
        'value': '升学留学'
      }, {
        'label': '形象提升',
        'value': '形象提升'
      }, {
        'label': '专业咨询',
        'value': '专业咨询'
      }, {
        'label': '其他',
        'value': '其他'
      }],

      evectionOptions: [{
        'label': '是',
        'value': '是'
      }, {
        'label': '否',
        'value': '否'
      }],
      levelOptions: [{
        'label': '单位负责人',
        'value': '单位负责人'
      }, {
        'label': '部门负责人',
        'value': '部门负责人'
      }, {
        'label': '科室负责人',
        'value': '科室负责人'
      }, {
        'label': '一般员工',
        'value': '一般员工'
      }],
      passportOptions: [{
        'label': '是',
        'value': '是'
      }, {
        'label': '否',
        'value': '否'
      }],
      companyNatureOptions: [{
        'label': '机关事业',
        'value': '机关事业'
      }, {
        'label': '国有',
        'value': '国有'
      }, {
        'label': '外企',
        'value': '外企'
      }, {
        'label': '民营',
        'value': '民营'
      }, {
        'label': '个体私营',
        'value': '个体私营'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      countrOptions: [{
        'label': '美国',
        'value': '美国'
      }, {
        'label': '加拿大',
        'value': '加拿大'
      }, {
        'label': '英国',
        'value': '英国'
      }, {
        'label': '澳大利亚',
        'value': '澳大利亚'
      }, {
        'label': '新西兰',
        'value': '新西兰'
      }, {
        'label': '申根',
        'value': '申根'
      }, {
        'label': '日本',
        'value': '日本'
      }, {
        'label': '韩国',
        'value': '韩国'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      genderOptions: [{
        'label': '男',
        'value': '男'
      }, {
        'label': '女',
        'value': '女'
      }],
      weChatOptions: [{
        'label': '是',
        'value': '是'
      }, {
        'label': '否',
        'value': '否'
      }],
      contactTimeOptions: [{
        'label': '工作日上午',
        'value': '工作日上午'
      }, {
        'label': '工作日下午',
        'value': '工作日下午'
      }, {
        'label': '工作日晚上',
        'value': '工作日晚上'
      }, {
        'label': '休息日上午',
        'value': '休息日上午'
      }, {
        'label': '休息日下午',
        'value': '休息日下午'
      }, {
        'label': '休息日晚上',
        'value': '休息日晚上'
      }],
      clientypeOptions: [{
        'label': '初出茅庐',
        'value': '初出茅庐'
      }, {
        'label': '事业刚刚起步',
        'value': '事业刚刚起步'
      }, {
        'label': '事业小有成就',
        'value': '事业小有成就'
      }, {
        'label': '中年富有',
        'value': '中年富有'
      }, {
        'label': '退休富有',
        'value': '退休富有'
      }, {
        'label': '退休不富有',
        'value': '退休不富有'
      }, {
        'label': '学生',
        'value': '学生'
      }, {
        'label': '家庭主妇',
        'value': '家庭主妇'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      marriageOptions: [{
        'label': '已婚',
        'value': '已婚'
      }, {
        'label': '再婚',
        'value': '再婚'
      }, {
        'label': '未婚',
        'value': '未婚'
      }, {
        'label': '丧偶 ',
        'value': '丧偶 '
      }, {
        'label': '其他',
        'value': '其他'
      }],
      educatOptions: [{
        'label': '国内',
        'value': '国内'
      }, {
        'label': '国外',
        'value': '国外'
      }, {
        'label': '硕士及以上',
        'value': '硕士及以上'
      }, {
        'label': '本科',
        'value': '本科'
      }, {
        'label': '专科及以下',
        'value': '专科及以下'
      }],
      houseOptions: [{
        'label': '父母购置',
        'value': '父母购置'
      }, {
        'label': '自购无贷款',
        'value': '自购无贷款'
      }, {
        'label': '自购有贷款',
        'value': '自购有贷款'
      }, {
        'label': '公积金贷款',
        'value': '公积金贷款'
      }, {
        'label': '商业贷款',
        'value': '商业贷款'
      }, {
        'label': '组合贷',
        'value': '组合贷'
      }],
      hosueType1Options: [{
        'label': '高层住宅',
        'value': '高层住宅'
      }, {
        'label': '多层洋房',
        'value': '多层洋房'
      }, {
        'label': '别墅',
        'value': '别墅'
      }, {
        'label': '门市',
        'value': '门市'
      }],
      hosueType2Options: [{
        'label': '高层住宅',
        'value': '高层住宅'
      }, {
        'label': '多层洋房',
        'value': '多层洋房'
      }, {
        'label': '别墅',
        'value': '别墅'
      }, {
        'label': '门市',
        'value': '门市'
      }],

      carSourceOptions: [{
        'label': '全款',
        'value': '全款'
      }, {
        'label': '贷款',
        'value': '贷款'
      }],
      carTypeListOptions: [{
        'label': '吉普',
        'value': '吉普'
      }, {
        'label': '轿车',
        'value': '轿车'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      myClientOptions: [{
        'label': '是',
        'value': '是'
      }, {
        'label': '否',
        'value': '否'
      }],
      field153Options: [{
        'label': '是',
        'value': '是'
      }, {
        'label': '否',
        'value': '否'
      }],
      field162Options: [{
        'label': '是',
        'value': '是'
      }, {
        'label': '否',
        'value': '否'
      }],
      beliefOptions: [{
        'label': '佛教',
        'value': '佛教'
      }, {
        'label': '道教',
        'value': '道教'
      }, {
        'label': '伊斯兰教',
        'value': '伊斯兰教'
      }, {
        'label': '基督教',
        'value': '基督教'
      }, {
        'label': '无',
        'value': '无'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      medicalHistoryOptions:[{
        'label': '无',
        'value': '无'
      }, {
        'label': '高血压',
        'value': '高血压'
      }, {
        'label': '心脏病',
        'value': '心脏病'
      }, {
        'label': '糖尿病',
        'value': '糖尿病'
      }, {
        'label': '消化系统疾病',
        'value': '消化系统疾病'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      focussOptions: [{
        'label': '客户权益',
        'value': '客户权益'
      }, {
        'label': '费用优惠',
        'value': '费用优惠'
      },{
        'label': '特色权益',
        'value': '特色权益'
      },{
        'label': '卡面设计',
        'value': '卡面设计'
      },{
        'label': '增值服务',
        'value': '增值服务'
      },{
        'label': '安全便携',
        'value': '安全便携'
      },{
        'label': '功能优越',
        'value': '功能优越'
      },{
        'label': '其他',
        'value': '其他'
      }],
      creditCardTypeOptions:[{
        'label': '普卡',
        'value': '普卡'
      }, {
        'label': '金卡',
        'value': '金卡'
      }, {
        'label': '白金卡',
        'value': '白金卡'
      }, {
        'label': 'HI CARD卡',
        'value': 'HI CARD卡'
      }],
      otherBankOptions:[{
        'label': '工商银行',
        'value': '工商银行'
      }, {
        'label': '农业银行',
        'value': '农业银行'
      }, {
        'label': '中国银行',
        'value': '中国银行'
      }, {
        'label': '建设银行',
        'value': '建设银行'
      },{
        'label': '交通银行',
        'value': '交通银行'
      }, {
        'label': '招商银行',
        'value': '招商银行'
      }, {
        'label': '中信银行',
        'value': '中信银行'
      }, {
        'label': '光大银行',
        'value': '光大银行'
      },{
        'label': '兴业银行',
        'value': '兴业银行'
      }, {
        'label': '广发银行',
        'value': '广发银行'
      }, {
        'label': '浦发银行',
        'value': '浦发银行'
      }, {
        'label': '华夏银行',
        'value': '华夏银行'
      },{
        'label': '平安银行',
        'value': '平安银行'
      }, {
        'label': '浙商银行',
        'value': '浙商银行'
      }, {
        'label': '民生银行',
        'value': '民生银行'
      }, {
        'label': '盛京银行',
        'value': '盛京银行'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      bindInstitutionOptions:[{
        'label': '工商银行',
        'value': '工商银行'
      }, {
        'label': '农业银行',
        'value': '农业银行'
      }, {
        'label': '中国银行',
        'value': '中国银行'
      }, {
        'label': '建设银行',
        'value': '建设银行'
      },{
        'label': '交通银行',
        'value': '交通银行'
      }, {
        'label': '招商银行',
        'value': '招商银行'
      }, {
        'label': '中信银行',
        'value': '中信银行'
      }, {
        'label': '光大银行',
        'value': '光大银行'
      },{
        'label': '兴业银行',
        'value': '兴业银行'
      }, {
        'label': '广发银行',
        'value': '广发银行'
      }, {
        'label': '浦发银行',
        'value': '浦发银行'
      }, {
        'label': '华夏银行',
        'value': '华夏银行'
      },{
        'label': '平安银行',
        'value': '平安银行'
      }, {
        'label': '浙商银行',
        'value': '浙商银行'
      }, {
        'label': '民生银行',
        'value': '民生银行'
      }, {
        'label': '盛京银行',
        'value': '盛京银行'
      }, {
        'label': '渤海银行',
        'value': '渤海银行'
      },{
        'label': '其他',
        'value': '其他'
      }]
    }
  },
  computed: {},
  watch: {},
  created() {
  },
  mounted() {
  },
  methods: {
    submitForm: function() {
      this.$refs['elForm'].validate(valid => {

        var house = this.formData.kycUserInfo.house;
        this.formData.kycUserInfo.houseSource = house.join(',');

        var clientype = this.formData.kycUserInfo.clientype;
        this.formData.kycUserInfo.clienType = clientype.join(',');

        var cartypeList = this.formData.kycUserInfo.cartypeList;
        this.formData.kycUserInfo.carTypeList = cartypeList.join(',');

        var educat = this.formData.kycUserInfo.educat;
        this.formData.kycUserInfo.education = educat.join(',');

        var countr = this.formData.kycWork.countr;
        this.formData.kycWork.country = countr.join(',');

        var keyproduct = this.formData.kycProduct.keyproduct;
        this.formData.kycProduct.keyProduct = keyproduct.join(',');

        var myLoanreason = this.formData.kycProduct.myLoanreason;
        this.formData.kycProduct.myLoanReason = myLoanreason.join(',');

        var otherLoanreason = this.formData.kycProduct.otherLoanreason;
        this.formData.kycProduct.otherLoanReason = otherLoanreason.join(',');

        var focuss = this.formData.kycProduct.focuss;
        this.formData.kycProduct.focus = focuss.join(',');

        var moneymanage = this.formData.kycProduct.moneymanage;
        this.formData.kycProduct.moneyManage = moneymanage.join(',');

        var deposittype = this.formData.kycProduct.deposittype;
        this.formData.kycProduct.depositType = deposittype.join(',');

        var fundd = this.formData.kycProduct.fundd;
        this.formData.kycProduct.fund = fundd.join(',');

        var insurancee = this.formData.kycProduct.insurancee;
        this.formData.kycProduct.insurance = insurancee.join(',');

        var activityy = this.formData.kycProduct.activityy;
        this.formData.kycProduct.activity = activityy.join(',');


        if (valid) {
          addUserinfo(this.formData).then(response => {
            console.log(response)
            this.$modal.msgSuccess('新增成功')
            this.open = false
            this.$tab.closePage()
            // this.getList()
          }).catch(error => {
            console.log(error)
            this.$modal.msgError('新增失败')
          })
        }
      })
    },

    resetForm() {
      this.$refs.elForm.resetFields()
    }
  }
}

</script>
<style>


</style>
